<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

	<link rel="stylesheet" href="/MamNet/css/jquery.ui.all.css">
	<script src="/MamNet/js/jquery-1.7.1.js"></script>
	<script src="/MamNet/js/ui/jquery.ui.core.js"></script>
	<script src="/MamNet/js/ui/jquery.ui.widget.js"></script>
	<script src="/MamNet/js/ui/jquery.ui.datepicker.js"></script>
	<link rel="stylesheet" href="/MamNet/css/demos.css">
	
	<script>
	$(function() {
		$( "#datepicker" ).datepicker({
			changeMonth: true,
			changeYear: true
		});
	});
</script>

<form method="POST" name="student" action="/MamNet/attendance/displayAttendance">
<input type="hidden" name="type" value="subjctgroupmapping">
<table>
<tr>
	<td>
	<select name="class_map" >
		<option value="0" label="Select class" />
		<c:forEach items="${classMaps}" var="class">
			<option value="${class.subjectClassGroupId}">${class.course.courseShortCode} - ${class.classInfo.semester} - ${class.classInfo.sectionName} : ${class.subject.subjectCode }</option>
		</c:forEach>
	</select>
	</td>
	<td>
		DATE: <input type="text" name="date" value="${date}" id="datepicker"/>
	</td>
	<td>
		<select name="class_hour" >
			<option value="0" label="Select Hour" />
			<c:forEach items="${hours}" var="hour">
				<option value="${hour.classHourId}">${hour.startTime} - ${hour.endTime}</option>
			</c:forEach>
		</select>
	</td>
	<td>
		<input type="submit" value="Display Student" />
	</td>
	</tr>
	</table>
	<a href="/MamNet/attendance/enterAttendanceothers">Click here to enter attendance for Any other subject</a>
</form>